<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>高级搜索</title>
    <meta name="keywords"
          content="2019最新电影，2019最。2019电影排名，好看的电视剧,好看的电影，新电视剧，好看的电影，免费电影，伦理电影，伦理片，电影网站，电影在线观看，天天美剧,美剧天堂,美剧汇,人人美剧">
    <meta name="description"
          content="最全的最新电视剧，2018最新电影，韩国电视剧、香港TVB电视剧、日本动漫、日剧、美剧、综艺的在线观看和剧集交流场所，西瓜影音在线观看高清电影，每天第一时间更新，放送好看的迅雷电影下载。">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="referrer" content="no-referrer"/>
    <link rel="stylesheet" href="/static/css/element.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/common/vue.js"></script>
    <script src="/static/js/common/axios.js"></script>
    <script src="/static/js/common/element.js"></script>
    <script src="/static/js/common/qs.js"></script>
    <script src="/static/js/common/request.js"></script>
    <script src="/static/js/common/jquery.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="/static/default/images/ico.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-font-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-ui-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-site-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color-v=2.2.css" type="text/css" name="default"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color1-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color1-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color2-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color3-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color4-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <script type="text/javascript" src="/static/default/images/jquery.min-v=3.3.1.js"></script>
    <script type="text/javascript" src="/static/default/images/layer-v3.1.1.js"></script>
    <script type="text/javascript" src="/static/default/images/mytheme-ui-v=2.2.js"></script>
    <!--    <script type="text/javascript" src="/static/default/images/mytheme-cms-v=2.2.js"></script>-->
    <!--    <script type="text/javascript" src="/static/default/images/home.js"></script>-->

</head>
<body class="active">
<div id="app" v-cloak>
    <header class="myui-header__top clearfix" id="header-top">
        <div class="container">
            <div class="row">
                <div class="myui-header_bd clearfix">
                    <div class="myui-header__logo">
                        <a class="logo" href="/">
                            <img class="img-responsive hidden-xs" src="/static/default/images/logo.png"
                                 style="width: 100px; height: 38px;margin-top: 11px;"/>
                            <img class="img-responsive visible-xs" src="/static/default/images/logo.png"
                                 style="width: 66px; height: 29px; margin-top: 18px;"/>
                        </a>
                    </div>
                    <ul class="myui-header__menu nav-menu">
                        <template v-for="item in navbar.nav">
                            <li class=" active hidden-sm hidden-xs">
                                <a :href="item.link">[[item.title]]</a>
                            </li>
                        </template>
                        <li class="dropdown-hover">
                            <a href="javascript:;">线路 <i class="fa fa-angle-down"></i></a>
                            <div class="dropdown-box bottom fadeInDown clearfix" style="margin-left: -80px;">
                                <ul class="item nav-list clearfix">
                                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                        <a :class="['btn', 'btn-sm', 'btn-block', line == 1?'btn-warm':'btn-']"
                                           href="javascript:;" @click="lineClick(1)">线路1</a>
                                    </li>
                                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                        <a :class="['btn', 'btn-sm', 'btn-block', line == 2?'btn-warm':'btn-']"
                                           href="javascript:;" @click="lineClick(1)">线路2</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;">频道 <i class="fa fa-angle-down"></i></a>
                            <div class="dropdown-box bottom fadeInDown clearfix">
                                <ul class="item nav-list clearfix">
                                    <template v-for="(item,index) in navbar.bar">
                                        <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                            <template v-if="index == 0">
                                                <a class="btn btn-sm btn-block btn-warm" :href="item.link">[[item.title]]</a>
                                            </template>
                                            <template v-else>
                                                <a class="btn btn-sm btn-block btn-"
                                                   :href="item.link">[[item.title]]</a>
                                            </template>
                                        </li>
                                    </template>
                                </ul>
                            </div>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;" @click="goDoubanClick">豆瓣</a>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;" @click="goToolClick">工具</a>
                        </li>
                    </ul>

                    <div class="myui-header__search search-box">
                        <a class="search-select dropdown-hover" href="javascript:;">
                            <span class="text">站内</span> <i class="fa fa-caret-down"></i>
                            <div class="dropdown-box bottom fadeInDown">
                                <ul class="item">
                                    <li class="btn btn-sm btn-block btn-warm" @click="inoutClick(1)"
                                        style="margin-bottom: 5px;">站内
                                    </li>
                                    <li class="btn btn-sm btn-block btn-" @click="inoutClick(2)">站外</li>
                                </ul>
                            </div>
                        </a>

                        <input type="text"
                               id="wd"
                               name="searchword"
                               class="search_wd form-control"
                               value=""
                               placeholder="输入影片关键词..."
                               autocomplete="off"
                               style="padding-left: 72px;"
                               v-model="formSearch"
                               @keyup.enter="searchClick(formSearch)"
                        />
                        <button
                                class="submit search_submit"
                                id="searchbutton"
                                type="button"
                                @click="searchClick(formSearch)"
                        >
                            <i class="fa fa-search"></i>
                        </button>
                        <div id="word" class="autocomplete-suggestions active hidden-xs" style="display: none;"></div>
                        <a class="search-close visible-xs" href="javascript:;"><i class="fa fa-close"></i></a>
                    </div>
                    <ul class="myui-header__user">
                        <li class="visible-xs">
                            <a class="open-search" href="javascript:;"><i class="fa fa-search"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <div class="container">
        <div class="row">
            <div class="myui-panel myui-panel-bg clearfix" style="background-color: #3b3939;">
                <div class="myui-panel-box clearfix">
                    <div class="myui-panel_bd">
                        <div class="flickity clearfix" id="parent"
                             style="overflow: scroll;">
                            <div class="h-box">
                                <template v-for="item in sliderListData">
                                    <div class="col-lg-8 col-sm-5 col-xs-3">
                                        <div class="myui-vodlist__box">
                                            <a href="javascript:;"
                                               class="myui-vodlist__thumb lazyload"
                                               :title="item.title"
                                               :style="{backgroundImage: 'url('+item.poster+')'}"
                                               @click="detailClick(item)"
                                            >
                                                <span class="play hidden-xs"></span>
                                                <span class="pic-tag pic-tag-top"
                                                      style="background-color: #5bb7fe;">[[item.fen]]</span>
                                                <span class="pic-text text-center">[[item.title]]</span>
                                            </a>
                                        </div>
                                    </div>
                                </template>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- 推荐 -->
            <div class="myui-panel myui-panel-bg2 clearfix">
                <div class="myui-panel-box clearfix">
                    <div class="myui-panel_hd">
                        <div class="myui-panel__head active bottom-line clearfix">
                            <a class="slideDown-btn more pull-right" href="javascript:;">收起 <i
                                    class="fa fa-angle-up"></i></a>
                            <a class="more text-muted" href="/classify">重置筛选</a>
                        </div>
                    </div>

                    <div class="myui-panel_bd">

                        <div class="slideDown-box">

                            <ul class="myui-screen__list nav-slide clearfix" data-align="left">
                                <li>
                                    <a class="text-muted btn">类型</a>
                                </li>
                                <template v-if="line == 1">
                                    <template v-for="item in classifyType1">
                                        <li>
                                            <template v-if="!formClassifyData['tid'] && item['title'] == '全部'">
                                                <a class="btn btn-warm" href="javascript:;"
                                                   @click="classifyClick('tid',item)">[[item.title]]</a>
                                            </template>
                                            <template v-else>
                                                <a :class="['btn', decodeURI(formClassifyData['tid']) == item['value'] ? 'btn-warm' : '']"
                                                   href="javascript:;"
                                                   @click="classifyClick('tid',item)">[[item.title]]</a>
                                            </template>
                                        </li>
                                    </template>
                                </template>
                                <template v-if="line == 2">
                                    <template v-for="item in classifyType2">
                                        <li>
                                            <template v-if="!formClassifyData['tid'] && item['title'] == '全部'">
                                                <a class="btn btn-warm" href="javascript:;"
                                                   @click="classifyClick('tid',item)">[[item.title]]</a>
                                            </template>
                                            <template v-else>
                                                <a :class="['btn', decodeURI(formClassifyData['tid']) == item['value'] ? 'btn-warm' : '']"
                                                   href="javascript:;"
                                                   @click="classifyClick('tid',item)">[[item.title]]</a>
                                            </template>
                                        </li>
                                    </template>
                                </template>
                            </ul>

                            <ul class="myui-screen__list nav-slide clearfix" data-align="left">
                                <li>
                                    <a class="btn text-muted">地区</a>
                                </li>
                                <template v-for="(item,index) in classifyArea">
                                    <li>
                                        <template v-if="!formClassifyData['area'] && item == '全部'">
                                            <a class="btn btn-warm" href="javascript:;"
                                               @click="classifyClick('area',item)">[[item]]</a>
                                        </template>
                                        <template v-else>
                                            <a :class="['btn', decodeURI(formClassifyData['area']) == item ? 'btn-warm' : '']"
                                               href="javascript:;"
                                               @click="classifyClick('area',item)">[[item]]</a>
                                        </template>

                                    </li>
                                </template>

                            </ul>
                            <ul class="myui-screen__list nav-slide clearfix" data-align="left">
                                <li>
                                    <a class="btn text-muted">年份</a>
                                </li>

                                <template v-for="item in classifyYear">
                                    <li>
                                        <template v-if="!formClassifyData['year'] && item == '全部'">
                                            <a class="btn btn-warm" href="javascript:;"
                                               @click="classifyClick('year',item)">[[item]]</a>
                                        </template>
                                        <template v-else>
                                            <a :class="['btn', decodeURI(formClassifyData['year']) == item ? 'btn-warm' : '']"
                                               href="javascript:;"
                                               @click="classifyClick('year',item)">[[item]]</a>
                                        </template>
                                    </li>
                                </template>


                            </ul>
                            <ul class="myui-screen__list nav-slide clearfix" data-align="left">
                                <li>
                                    <a class="btn text-muted">语言</a>
                                </li>
                                <template v-for="item in classifyYuyan">
                                    <li>
                                        <template v-if="!formClassifyData['yuyan'] && item == '全部'">
                                            <a class="btn btn-warm" href="javascript:;"
                                               @click="classifyClick('yuyan',item)">[[item]]</a>
                                        </template>
                                        <template v-else>
                                            <a :class="['btn', decodeURI(formClassifyData['yuyan']) == item ? 'btn-warm' : '']"
                                               href="javascript:;"
                                               @click="classifyClick('yuyan',item)">[[item]]</a>
                                        </template>
                                    </li>
                                </template>


                            </ul>

                            <ul class="myui-screen__list nav-slide clearfix" data-align="left">
                                <li>
                                    <a class="btn text-muted">字母</a>
                                </li>
                                <template v-for="item in classifyLetter">
                                    <li>
                                        <template v-if="!formClassifyData['letter'] && item == '全部'">
                                            <a class="btn btn-warm" href="javascript:;"
                                               @click="classifyClick('letter',item)">[[item]]</a>
                                        </template>
                                        <template v-else>
                                            <a :class="['btn', decodeURI(formClassifyData['letter']) == item ? 'btn-warm' : '']"
                                               href="javascript:;"
                                               @click="classifyClick('letter',item)">[[item]]</a>
                                        </template>
                                    </li>
                                </template>

                            </ul>
                        </div>

                        <ul class="myui-screen__list nav-slide clearfix" data-align="left">
                            <li>
                                <a class="btn text-muted">排序</a>
                            </li>
                            <template v-for="(item,index) in classifyOrder">

                                <li>
                                    <template v-if="!formClassifyData['order']">
                                        <template v-if="index==0">
                                            <a class="btn btn-warm"
                                               href="javascript:;"
                                               @click="classifyClick('order',item)">[[item.title]]</a>
                                        </template>
                                        <template v-else>
                                            <a class="btn"
                                               href="javascript:;"
                                               @click="classifyClick('order',item)">[[item.title]]</a>
                                        </template>
                                    </template>
                                    <template v-else>
                                        <a :class="['btn', decodeURI(formClassifyData['order']) == item['value'] ? 'btn-warm' : '']"
                                           href="javascript:;"
                                           @click="classifyClick('order',item)">[[item.title]]</a>
                                    </template>
                                </li>
                            </template>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 筛选 -->

            <div class="myui-panel myui-panel-bg clearfix">
                <div class="myui-panel-box clearfix">
                    <div class="myui-panel_bd">
                        <ul class="myui-vodlist clearfix">
                            <template v-for="item in classifyListData">
                                <li class="col-lg-8 col-md-6 col-sm-4 col-xs-3">
                                    <div class="myui-vodlist__box">
                                        <a class="myui-vodlist__thumb lazyload"
                                           href="javascript:;"
                                           :title="item.title"
                                           :style="{backgroundImage: 'url('+item.poster+')'}"
                                           @click="detailClick(item)"
                                        >
                                            <span class="play hidden-xs"></span>
                                            <span class="pic-tag pic-tag-top" style="background-color: #5bb7fe;">[[item.fen]]</span>
                                            <span class="pic-text text-right">[[item.definition]]</span>
                                        </a>
                                        <div class="myui-vodlist__detail">
                                            <h4 class="title text-overflow">
                                                <a
                                                        href="javascript:;"
                                                        :title="item.title"
                                                        @click="detailClick(item)"
                                                >[[item.title]]</a>
                                            </h4>
                                            <p class="text text-overflow text-muted hidden-xs">[[item.intro]]</p>
                                        </div>
                                    </div>
                                </li>
                            </template>

                        </ul>
                    </div>
                </div>
            </div>

            <ul class="myui-page text-center clearfix">
                <li><a class="btn btn-default" href="javascript:;" @click="searchPageClick(1)">首页</a></li>

                <template v-if="formClassifyData.page*1>1">
                    <li><a class="btn btn-default" href="javascript:;"
                           @click="searchPageClick(formClassifyData.page*1-1)">上一页</a>
                    </li>
                </template>
                <template v-else>
                    <li><a class="btn btn-default" href="javascript:;">上一页</a></li>
                </template>
                <li><a class="btn btn-warm">[[formClassifyData.page]]/[[total]]</a></li>
                <template v-if="total*1>formClassifyData.page*1">
                    <li><a class="btn btn-default" href="javascript:;"
                           @click="searchPageClick(formClassifyData.page*1+1)">下一页</a>
                </template>
                <template v-else>
                    <li><a class="btn btn-default" href="javascript:;">下一页</a></li>
                </template>
                <li><a class="btn btn-default" href="javascript:;" @click="searchPageClick(total)">尾页</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="myui-foot clearfix">
        <div class="container min">
            <div class="row">
                <div class="col-pd text-center">
                    <p class="margin-0">本网站提供的最新电视剧和电影资源均系收集于各大视频网站，本网站只提供web页面服务，并不提供影片资源存储，也不参与录制、上传
                        若本站收录的节目无意侵犯了贵司版权，请与我们取得联系，我们会及时处理和回复，谢谢！
                    </p>
                </div>
            </div>
        </div>
    </div>
    <ul class="myui-extra clearfix">
        <li>
            <a class="backtop" href="javascript:scroll(0,0)" title="返回顶部" style="display: none;"><i
                    class="fa fa-angle-up"></i></a>
        </li>
        <li>
            <a class="btnskin" href="javascript:;" title="切换皮肤"><i class="fa fa-windows"></i></a>
        </li>
    </ul>

</div>
<script>
    let app = new Vue({
        delimiters: ["[[", "]]"],
        el: "#app",
        data: {
            line: 1,
            inout: 1,
            formSearch: "",
            navbar: {},
            classifyType1: classifyType1,
            classifyType2: classifyType2,
            classifyArea: ['全部', '大陆', '香港', '台湾', '日本', '韩国', '欧美', '泰国', '印度', '加拿大', '俄罗斯', '英国', '法国', '德国', '意大利', '其他'],
            classifyYear: ['全部', '2019', '2018', '2017', '1016', '2015', '2014', '2013', '2012', '2011', '2009', 'more',],
            classifyYuyan: ['全部', '国语', '粤语', '英语', '日语', '韩语', '泰语', '法语'],
            classifyLetter: ['全部', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
            classifyOrder: [{title: '按时间', value: 'time'}, {title: '按人气', value: 'hit'}, {
                title: '按评分',
                value: 'commend'
            }],
            formClassifyData: {},
            parseClassifyData: window.location.search.substr(1),
            sliderListData: [],
            classifyListData: [],
            total: "",
            searchData: {},
        },
        mounted() {
            this.formClassifyData = this.queryURL(window.location.href) != undefined ? this.queryURL(window.location.href) : {};
            this.formClassifyData['page'] = this.formClassifyData['page'] ? this.formClassifyData['page'] : 1;
            this.line = localStorage.getItem("line") ? localStorage.getItem("line") : 1;
            this.navbar = this.line == 1 ? navbar1 : navbar2;
            this.requestGetClassifyList();
            this.sliderScroll();
        },
        methods: {
            // 将url转变为对象
            queryURL(url) {
                var arr1 = url.split("?");
                if (arr1[1]) {
                    var params = arr1[1].split("&");
                    var obj = {};//声明对象
                    for (var i = 0; i < params.length; i++) {
                        var param = params[i].split("=");
                        obj[param[0]] = param[1];//为对象赋值
                    }
                    return obj;
                }
            },
            // 将对象转变为字符串
            parseParam(param) {
                var paramStr = "";
                for (let key in param) {
                    if (param[key]) {
                        paramStr += key + '=' + param[key] + '&'
                    }
                }
                return paramStr;
            },
            requestGetClassifyList() {
                let layerLoad = layer.load(1, {
                    shade: [.6, '#000'],
                });
                this.parseClassifyData = this.parseParam(this.formClassifyData);
                let data = {search: this.parseClassifyData, line: this.line};
                requestFunc(null, '/dyld/classify', data, (data) => {
                    // console.log(data);
                    layer.close(layerLoad);
                    this.sliderListData = data.data.slider_list;
                    this.classifyListData = data.data.classify_list;
                    this.total = data.data.total;
                })
            },
            lineClick(line) {
                localStorage.setItem("line", line);
                location.href = "/";
            },
            inoutClick(aside) {
                this.inout = aside;
            },
            searchClick(searchword) {
                if (searchword == "") {
                    this.$message({message: "请输入搜索内容", duration: 1500, showClose: true, type: "warning"});
                    return false;
                }
                if (this.inout == 1) {
                    location.href = "/search?page=1&searchword=" + searchword;
                } else if (this.inout == 2) {
                    location.href = "/out?searchword=" + searchword;
                }
            },
            searchPageClick(page) {
                // console.log(page);
                this.formClassifyData['page'] = page;
                location.href = "/classify?" + this.parseParam(this.formClassifyData)
            },
            detailClick(item) {
                location.href = "/detail";
                localStorage.setItem("playSearchLink", JSON.stringify({link: item.link}))
            },
            goDoubanClick() {
                location.href = "/douban";
            },
            goToolClick() {
                location.href = "/tool";
            },
            classifyClick(type, item) {
                if (typeof item == "string") {
                    if (item == '全部') {
                        if (this.formClassifyData[type] != undefined) {
                            delete this.formClassifyData[type];
                        }
                    } else {
                        this.formClassifyData[type] = item;
                    }
                } else if (typeof item == "object") {
                    if (item['title'] == '全部') {
                        if (this.formClassifyData[type] != undefined) {
                            delete this.formClassifyData[type];
                        }
                    } else {
                        this.formClassifyData[type] = item['value'];
                    }
                }

                location.href = "/classify?" + this.parseParam(this.formClassifyData)
            },
            sliderScroll() {
                let scroll = document.getElementsByClassName("h-box");
                let parent = document.getElementById('parent');
                let child1 = $('.h-box');

                let time = setInterval(function () {
                    parent.scrollLeft++;
                }, 100);
                scroll[0].addEventListener("mouseover", function () {
                    clearInterval(time);
                });
                scroll[0].addEventListener("mouseout", function () {
                    time = setInterval(function () {
                        parent.scrollLeft++;
                    }, 100);
                })
            },
        },

    });
</script>
<script type="text/javascript" src="/static/default/images/mytheme-site-v=2.2.js"></script>
<script type="text/javascript">
    MyTheme.Images.Qrcode.Init();
    MyTheme.Link.Short();
    MyTheme.Other.Skin();
    MyTheme.Other.Share();
</script>
</body>
</html>